<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>微博</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。">
        <meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
        <meta name="author" content="Bootstrap中文网">
        <meta name="robots" content="index,follow">
        <meta name="application-name" content="bootcss.com">
        <!-- Site CSS -->
        <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
        <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="//cdn.bootcss.com/select2/4.0.3/css/select2.min.css" rel="stylesheet">
        <link href="//cdn.bootcss.com/iCheck/1.0.2/skins/line/green.css" rel="stylesheet">
        <style>
            body{
                font:14px/24px microsoft yahei;
            }
            header.navbar-default{
                background-color: white;
                box-shadow: 0 1px 2px rgba(43,48,51,0.08);
                /*height: 90px;*/
                line-height: 90px;
            }
            .navbar-nav li a{
                height: 90px;
                padding: 30px 40px 0px 40px;
                font-size: 16px;
            }
            .tip-container{
                width: 1280px;
                transition: border .2s ease-in-out;
                border: 1px solid #ddd;
                box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
                margin: 0 auto;
            }
            .tip-container .row{
                margin: 0;
                text-align: center;
                padding: 100px 0px;
                font-size: 20px;
            }
            .form-container{
                width:1280px;
                margin: 0 auto;
            }
        </style>
    </head>
    <body>
        <header class="banner navbar navbar-default navbar-static-top" role="banner">
            <div class="container">
                <div class="navbar-header"> 
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
                        <span class="sr-only">Toggle navigation</span> 
                        <span class="icon-bar"></span> 
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span> 
                    </button>
                    <div id="logo"> 
                        <a href="http://clipclip.com/"> <img class="logo-main logo-reg" src="http://clipclip.com/wp-content/uploads/500x150.png" height="45" width="150" alt="ClipClip"> </a>
                    </div>
                </div>
                <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
                    <ul id="menu-primary-navigation" class="nav navbar-nav">
                        <li class="active menu-home"><a href="http://clipclip.com/">微博列表</a></li>
                        <li class="menu-features"><a href="http://clipclip.com/features/">Features</a></li>
                        <li class="menu-reviews"><a href="http://clipclip.com/reviews/">Reviews</a></li>
                        <li class="menu-help-center"><a href="http://clipclip.com/faq/">Help Center</a></li>
                    </ul>
                </nav>
            </div> 
        </header>
        <section  class="form-container">
            <form role="form" method="POST">
                <div class="form-group">
                    <label for="contents">微博内容</label>
                    <textarea class="form-control" rows="5" name="contents" placeholder="微博内容,一行代表一条"></textarea>
                </div>
                <div class="form-group">
                    <label for="weibo_link">要转发的微博的网址</label>
                    <input type="text" class="form-control" id="" name="weibo_link" placeholder="要转发的微博的网址">
                </div>
                <div class="form-group">
                    <label for="account_ids">哪些账号需要转发</label>
                    <select name="account_ids[]" placeholder="请选择需要转发的账号" class="form-control" multiple>
                        <?php foreach ($lists as $k => $v) : ?>
                            <option value="<?php echo $v['weiboId'] ?>"><?php echo $v['name'] ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
                <div class="form-group">
                    <label for="is_comment_base">是否同时评论给原作者</label>
                    <div >
                        <label class="checkbox-inline" style="padding-left: 0px;">
                            <input type="radio" id="inlineCheckbox1" name="is_comment_base" value="1"><label>是</label>
                        </label>
                        <label class="checkbox-inline">
                            <input type="radio" id="inlineCheckbox2" name="is_comment_base" value="0" checked=""><label>否</label>
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label for="is_comment">是否同时评论</label>
                    <div >
                        <label class="checkbox-inline" style="padding-left: 0px;">
                            <input type="radio" id="inlineCheckbox1" name="is_comment" value="1"><label>是</label>
                        </label>
                        <label class="checkbox-inline">
                            <input type="radio" id="inlineCheckbox2" name="is_comment" value="0" checked=""><label>否</label>
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label for="is_quick">是否马上发布</label>
                    <div >
                        <label class="checkbox-inline" style="padding-left: 0px;">
                            <input type="radio" id="inlineCheckbox1" name="is_quick" value="1"><label>是</label>
                        </label>
                        <label class="checkbox-inline">
                            <input type="radio" id="inlineCheckbox2" name="is_quick" value="0" checked=""><label>否</label>
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label for="rate">转发频率</label>
                    <div class="row">
                        <div class="col-xs-1">
                            <input type="number" class="form-control col-sm-2" name="rate[]" value="10" placeholder="">
                        </div>
                        <div class="col-xs-1" style="text-align: center;width:20px;">-</div>
                        <div class="col-xs-1">
                            <input type="number" class="form-control col-sm-2" name="rate[]" value="15" placeholder="">
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn btn-default">提交</button>
            </form>

        </section>
        <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
        <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
        <script src="//cdn.bootcss.com/select2/4.0.3/js/select2.min.js"></script>
        <script src="//cdn.bootcss.com/iCheck/1.0.2/icheck.min.js"></script>
        <script type="text/javascript">
            $("select[name='account_ids[]']").select2({
                tags: true
            });
            $('input').each(function () {
                var self = $(this),
                        label = self.next(),
                        label_text = label.text();
                label.remove();
                self.iCheck({
                    checkboxClass: 'icheckbox_line-green',
                    radioClass: 'iradio_line-green',
                    insert: '<div class="icheck_line-icon"></div>' + label_text
                });
            });
        </script>
    </body>
</html>